﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Allaia</title>
    
    <!-- Favicons-->
    <link rel="shortcut icon" th:href="@{/assets/img/favicon.ico}" type="image/x-icon">
    <link rel="apple-touch-icon" type="image/x-icon" th:href="@{/assets/img/apple-touch-icon-57x57-precomposed.png}">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" th:href="@{/assets/img/apple-touch-icon-72x72-precomposed.png}">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" th:href="@{/assets/img/apple-touch-icon-114x114-precomposed.png}">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" th:href="@{/assets/img/apple-touch-icon-144x144-precomposed.png}">
	
    <!-- GOOGLE WEB FONT -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<!--	<link rel="stylesheet" th:href="@{/assets/account/plugins.css}">-->
<!--	&lt;!&ndash; Main Style CSS &ndash;&gt;-->
	<link rel="stylesheet" th:href="@{/assets/account/style.css}">
<!--	<link rel="stylesheet" th:href="@{/assets/account/responsive.css}">-->
    <!-- BASE CSS -->
	<link th:href="@{/assets/css/bootstrap.min.css}" rel="stylesheet">
	<link th:href="@{/assets/css/style.css}" rel="stylesheet">
	<!-- YOUR CUSTOM CSS -->
	<link th:href="@{/assets/css/custom.css}" rel="stylesheet">
	<link rel="stylesheet" th:href="@{/assets/lib/layui-2.8/css/layui.css}">
	<!-- BASE CSS -->
<!--	<link th:href="@{/assets/css/bootstrap.min.css}" rel="stylesheet">-->

	<!-- SPECIFIC CSS -->
<!--	<link th:href="@{/assets/css/account.css}" rel="stylesheet">-->

	<!-- SPECIFIC CSS -->
<!--	<link th:href="@{/assets/css/checkout.css}" rel="stylesheet">-->

</head>

<body>
	
	<div id="page">
	
	<header class="version_1">
		<div class="layer"></div><!-- Mobile menu overlay mask -->
		<div class="main_header">
			<div class="container">
				<div class="row small-gutters">
					<div class="col-xl-3 col-lg-3 d-lg-flex align-items-center">
						<div id="logo">
							<a href="index.html"><img th:src="@{/assets/img/logo.svg}" alt="" width="100" height="35"></a>
						</div>
					</div>
					<nav class="col-xl-6 col-lg-7">
						<a class="open_close" href="javascript:void(0);">
							<div class="hamburger hamburger--spin">
								<div class="hamburger-box">
									<div class="hamburger-inner"></div>
								</div>
							</div>
						</a>
						<!-- Mobile menu button -->
						<div class="main-menu">
							<div id="header_menu">
								<a href="index.html"><img th:src="@{/assets/img/logo_black.svg}" alt="" width="100" height="35"></a>
								<a href="#" class="open_close" id="close_in"><i class="ti-close"></i></a>
							</div>
							<ul>
								<li class="submenu">
									<a th:href="@{/index}" class="show-submenu">首页</a>
									<ul>
										<li><a href="index.html">Slider</a></li>
										<li><a href="index-2.html">Video Background</a></li>
										<li><a href="index-3.html">Vertical Slider</a></li>
										<li><a href="index-4.html">GDPR Cookie Bar</a></li>
									</ul>
								</li>
								<li class="megamenu submenu">
									<a href="javascript:void(0);" class="show-submenu-mega">Pages</a>
									<div class="menu-wrapper">
										<div class="row small-gutters">
											<div class="col-lg-3">
												<h3>Listing grid</h3>
												<ul>
													<li><a href="listing-grid-1-full.html">Grid Full Width</a></li>
													<li><a href="listing-grid-2-full.html">Grid Full Width 2</a></li>
													<li><a href="listing-grid-3.html">Grid Boxed</a></li>
													<li><a href="listing-grid-4-sidebar-left.html">Grid Sidebar Left</a></li>
													<li><a href="listing-grid-5-sidebar-right.html">Grid Sidebar Right</a></li>
													<li><a href="listing-grid-6-sidebar-left.html">Grid Sidebar Left 2</a></li>
													<li><a href="listing-grid-7-sidebar-right.html">Grid Sidebar Right 2</a></li>
												</ul>
											</div>
											<div class="col-lg-3">
												<h3>Listing row &amp; Product</h3>
												<ul>
													<li><a href="listing-row-1-sidebar-left.html">Row Sidebar Left</a></li>
													<li><a href="listing-row-2-sidebar-right.html">Row Sidebar Right</a></li>
													<li><a href="listing-row-3-sidebar-left.html">Row Sidebar Left 2</a></li>
													<li><a href="listing-row-4-sidebar-extended.html">Row Sidebar Extended</a></li>
													<li><a href="product-detail-1.html">Product Large Image</a></li>
													<li><a href="product-detail-2.html">Product Carousel</a></li>
													<li><a href="product-detail-3.html">Product Sticky Info</a></li>
												</ul>
											</div>
											<div class="col-lg-3">
												<h3>Other pages</h3>
												<ul>
													<li><a href="cart.html">Cart Page</a></li>
													<li><a href="order.html">Check Out Page</a></li>
													<li><a href="confirm.html">Confirm Purchase Page</a></li>
													<li><a href="account.html">Create Account Page</a></li>
													<li><a href="track-order.html">Track Order</a></li>
													<li><a href="help.html">Help Page</a></li>
													<li><a href="help-2.html">Help Page 2</a></li>
													<li><a href="leave-review.html">Leave a Review</a></li>
												</ul>
											</div>
											<div class="col-lg-3 d-xl-block d-lg-block d-md-none d-sm-none d-none">
												<div class="banner_menu">
													<a href="#0">
														<img src="" th:data-src="@{/assets/img/banner_menu.jpg}" width="400" height="550" alt="" class="img-fluid lazy">
													</a>
												</div>
											</div>
										</div>
										<!-- /row -->
									</div>
									<!-- /menu-wrapper -->
								</li>
								<li class="submenu">
									<a href="javascript:void(0);" class="show-submenu">Extra Pages</a>
									<ul>
										<li><a href="header-2.html">Header Style 2</a></li>
										<li><a href="header-3.html">Header Style 3</a></li>
										<li><a href="header-4.html">Header Style 4</a></li>
										<li><a href="header-5.html">Header Style 5</a></li>
										<li><a href="404.html">404 Page</a></li>
										<li><a href="sign-in-modal.html">Sign In Modal</a></li>
										<li><a href="contacts.html">Contact Us</a></li>
										<li><a href="about.html">About 1</a></li>
										<li><a href="about-2.html">About 2</a></li>
										<li><a href="modal-advertise.html">Modal Advertise</a></li>
										<li><a href="modal-newsletter.html">Modal Newsletter</a></li>
									</ul>
								</li>
								<li>
									<a href="blog.html">Blog</a>
								</li>
								<li>
									<a href="#0">Buy Template</a>
								</li>
							</ul>
						</div>
						<!--/main-menu -->
					</nav>
					<div class="col-xl-3 col-lg-2 d-lg-flex align-items-center justify-content-end text-end">
						<a class="phone_top" href="tel://9438843343"><strong><span>Need Help?</span>+94 423-23-221</strong></a>
					</div>
				</div>
				<!-- /row -->
			</div>
		</div>
		<!-- /main_header -->

		<div class="main_nav inner Sticky">
			<div class="container">
				<div class="row small-gutters">
					<div class="col-xl-3 col-lg-3 col-md-3">
						<nav class="categories">
							<ul class="clearfix">
								<li><span>
										<a href="#">
											<span class="hamburger hamburger--spin">
												<span class="hamburger-box">
													<span class="hamburger-inner"></span>
												</span>
											</span>
											Categories
										</a>
									</span>
									<div id="menu">
										<ul>
											<li><span><a href="#0">Collections</a></span>
												<ul>
													<li><a href="listing-grid-1-full.html">Trending</a></li>
													<li><a href="listing-grid-2-full.html">Life style</a></li>
													<li><a href="listing-grid-3.html">Running</a></li>
													<li><a href="listing-grid-4-sidebar-left.html">Training</a></li>
													<li><a href="listing-grid-5-sidebar-right.html">View all Collections</a></li>
												</ul>
											</li>
											<li><span><a href="#">Men</a></span>
												<ul>
													<li><a href="listing-grid-6-sidebar-left.html">Offers</a></li>
													<li><a href="listing-grid-7-sidebar-right.html">Shoes</a></li>
													<li><a href="listing-row-1-sidebar-left.html">Clothing</a></li>
													<li><a href="listing-row-3-sidebar-left.html">Accessories</a></li>
													<li><a href="listing-row-4-sidebar-extended.html">Equipment</a></li>
												</ul>
											</li>
											<li><span><a href="#">Women</a></span>
												<ul>
													<li><a href="listing-grid-1-full.html">Best Sellers</a></li>
													<li><a href="listing-grid-2-full.html">Clothing</a></li>
													<li><a href="listing-grid-3.html">Accessories</a></li>
													<li><a href="listing-grid-4-sidebar-left.html">Shoes</a></li>
												</ul>
											</li>
											<li><span><a href="#">Boys</a></span>
												<ul>
													<li><a href="listing-grid-6-sidebar-left.html">Easy On Shoes</a></li>
													<li><a href="listing-grid-7-sidebar-right.html">Clothing</a></li>
													<li><a href="listing-row-3-sidebar-left.html">Must Have</a></li>
													<li><a href="listing-row-4-sidebar-extended.html">All Boys</a></li>
												</ul>
											</li>
											<li><span><a href="#">Girls</a></span>
												<ul>
													<li><a href="listing-grid-1-full.html">New Releases</a></li>
													<li><a href="listing-grid-2-full.html">Clothing</a></li>
													<li><a href="listing-grid-3.html">Sale</a></li>
													<li><a href="listing-grid-4-sidebar-left.html">Best Sellers</a></li>
												</ul>
											</li>
											<li><span><a href="#">Customize</a></span>
												<ul>
													<li><a href="listing-row-1-sidebar-left.html">For Men</a></li>
													<li><a href="listing-row-2-sidebar-right.html">For Women</a></li>
													<li><a href="listing-row-4-sidebar-extended.html">For Boys</a></li>
													<li><a href="listing-grid-1-full.html">For Girls</a></li>
												</ul>
											</li>
										</ul>
									</div>
								</li>
							</ul>
						</nav>
					</div>
					<div class="col-xl-6 col-lg-7 col-md-6 d-none d-md-block">
						<div class="custom-search-input">
							<input type="text" placeholder="Search over 10.000 products">
							<button type="submit"><i class="header-icon_search_custom"></i></button>
						</div>
					</div>
					<div class="col-xl-3 col-lg-2 col-md-3">
						<ul class="top_tools">
							<li>
								<div class="dropdown dropdown-cart">
									<a href="cart.html" class="cart_bt"><strong>2</strong></a>
									<div class="dropdown-menu">
										<ul>
											<li>
												<a href="product-detail-1.html">
													<figure><img th:src="@{/assets/img/products/product_placeholder_square_small.jpg}" th:data-src="@{/assets/img/products/shoes/thumb/1.jpg}" alt="" width="50" height="50" class="lazy"></figure>
													<strong><span>1x Armor Air x Fear</span>$90.00</strong>
												</a>
												<a href="#0" class="action"><i class="ti-trash"></i></a>
											</li>
											<li>
												<a href="product-detail-1.html">
													<figure><img th:src="@{/assets/img/products/product_placeholder_square_small.jpg}" th:data-src="@{/assets/img/products/shoes/thumb/2.jpg}" alt="" width="50" height="50" class="lazy"></figure>
													<strong><span>1x Armor Okwahn II</span>$110.00</strong>
												</a>
												<a href="0" class="action"><i class="ti-trash"></i></a>
											</li>
										</ul>
										<div class="total_drop">
											<div class="clearfix"><strong>Total</strong><span>$200.00</span></div>
											<a href="cart.html" class="btn_1 outline">View Cart</a><a href="order.html" class="btn_1">Checkout</a>
										</div>
									</div>
								</div>
								<!-- /dropdown-cart-->
							</li>
							<li>
								<a href="#0" class="wishlist"><span>Wishlist</span></a>
							</li>
							<li>
								<div class="dropdown dropdown-access">
									<a th:href="@{/personal/orders}" class="access_link"><span>Account</span></a>
									<div class="dropdown-menu">
										<a href="#" class="btn_1" id="sing-in-up">登录/注册</a>
										<ul>
											<li>
												<a href="track-order.html"><i class="ti-truck"></i>查询订单</a>
											</li>
											<li>
												<a th:href="@{/personal/orders}"><i class="ti-package"></i>我的订单</a>
											</li>
											<li>
												<a href="account.html"><i class="ti-user"></i>我的账户</a>
											</li>
											<li>
												<a href="help.html"><i class="ti-help-alt"></i>常见问题</a>
											</li>
										</ul>
									</div>
								</div>
								<!-- /dropdown-access-->
							</li>
							<li>
								<a href="javascript:void(0);" class="btn_search_mob"><span>Search</span></a>
							</li>
							<li>
								<a href="#menu" class="btn_cat_mob">
									<div class="hamburger hamburger--spin" id="hamburger">
										<div class="hamburger-box">
											<div class="hamburger-inner"></div>
										</div>
									</div>
									Categories
								</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- /row -->
			</div>
			<div class="search_mob_wp">
				<input type="text" class="form-control" placeholder="Search over 10.000 products">
				<input type="submit" class="btn_1 full-width" value="Search">
			</div>
			<!-- /search_mobile -->
		</div>
		<!-- /main_nav -->
	</header>
	<!-- /header -->
	
	<main>
<!--		<div>-->
<!--			<div class="col-lg-4 col-md-6" style="width: 200px; text-align: center;display: inline-block" >-->
<!--				<div class="step first" style="padding-left: 20px; padding-top: 150px;margin-bottom: 150px">-->
<!--					<h3  style="font-size: 25px;line-height: 30px">我的账户</h3>-->
<!--					<h3  style="font-size: 25px;line-height: 30px">我的订单</h3>-->
<!--					<h3  style="font-size: 25px;line-height: 30px">我的地址</h3>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div style="display: inline-block;width:700px;height:500px;background-color: #0a58ca"><h1>111</h1></div>-->
<!--		</div>-->

		<!-- /container -->
		<div id="page-content">
			<!--Body Container-->
			<!--Page Header-->
			<div class="page-header" style="background-image: url(http://localhost/assets/img/bg_cat_shoes.jpg)">
				<div class="page-title" style="text-align: center"><h1>My Account</h1></div>

				<!--Breadcrumbs-->
				<div class="breadcrumbs-wrapper">
					<div class="container">
						<div class="breadcrumbs"><a href="index-demo1.html" title="Back to the home page"><i
								class="an an-home icon-home"></i></a> <span aria-hidden="true"><i
								class="an an-angle-right"></i></span> <span>My Account</span></div>
					</div>
				</div>
				<!--End Breadcrumbs-->
			</div>
			<!--End Page Header-->
			<div class="container">
<!--				<div class="dashboard-upper-info">-->
<!--					<div class="row align-items-center no-gutters">-->
<!--						<div class="col-xl-3 col-lg-3 col-md-12">-->
<!--							<div class="d-single-info">-->
<!--								<p class="user-name">Hello <span class="font-weight-600">yourmail@info</span></p>-->
<!--								<p>(not yourmail@info? <a class="font-weight-600" href="index-demo1.html">Log Out</a>)</p>-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="col-xl-4 col-lg-4 col-md-12">-->
<!--							<div class="d-single-info">-->
<!--								<p>Need Assistance? Customer service at.</p>-->
<!--								<p>admin@yoursite.com.</p>-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="col-xl-3 col-lg-3 col-md-12">-->
<!--							<div class="d-single-info">-->
<!--								<p>E-mail them at </p>-->
<!--								<p>support@yoursite.com</p>-->
<!--							</div>-->
<!--						</div>-->
<!--						<div class="col-xl-2 col-lg-2 col-md-12">-->
<!--							<div class="d-single-info text-lg-center">-->
<!--								<a class="view-cart" href="cart.html"><i class="icon an an-lg an-shopping-basket"></i> View-->
<!--									Cart</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
				<div class="row mb-5">
					<div class="col-xl-2 col-lg-2 col-md-12 md-margin-20px-bottom">
						<!-- Nav tabs -->
						<!--选项卡-->
						<ul class="nav flex-column dashboard-list" role="tablist">
							<li><a class="nav-link" data-bs-toggle="tab" href="#dashboard">我的账户</a></li>
							<li><a id="orders-tab" class="nav-link active" data-bs-toggle="tab" href="#orders">我的订单</a></li>
<!--							<li><a class="nav-link" data-bs-toggle="tab" href="#downloads">Downloads</a></li>-->
							<li><a id="address-tab" class="nav-link" data-bs-toggle="tab" href="#address">地址管理</a></li>
<!--							<li><a class="nav-link" data-bs-toggle="tab" href="#account-details">个人信息</a></li>-->
							<li><a class="nav-link" th:href="@{/user/logout}">退出登录</a></li>
						</ul>
						<!-- End Nav tabs -->
					</div>

					<div class="col-xs-10 col-lg-10 col-md-12">
						<!-- Tab panes -->
						<!--选项卡对应的页面-->
						<div class="tab-content dashboard-content padding-30px-all md-padding-15px-all" style="">
							<!-- Dashboard -->
							<div id="dashboard" class="tab-pane fade">
								<h3>用户信息 </h3>
								<div class="account-login-form bg-light-gray padding-20px-all">
									<form>
										<fieldset>
<!--											<div class="row">-->
<!--												<div class="form-group mb-3 mt-3">-->
<!--													<div class="form-group margin-15px-top col-md-12 col-lg-12 col-xl-12">-->
<!--														<label class="control-label padding-10px-right"><strong>Title</strong></label>-->
<!--														<label class="radio-inline">-->
<!--															<input name="sex" value="1" checked="checked" type="radio"-->
<!--																   class="padding-10px-right"> 男 &nbsp;-->
<!--														</label>-->
<!--														<label class="radio-inline">-->
<!--															<input name="sex" value="0" type="radio"-->
<!--																   class="padding-10px-right"> 女-->
<!--														</label>-->
<!--													</div>-->
<!--												</div>-->
<!--											</div>-->
											<div class="row">
												<div class="form-group col-md-6 col-lg-6 col-xl-6 required mb-3">
													<label for="username">用户名 <span
															class="required-f">*</span></label>
													<input name="username" th:value="${user.username}" id="username" type="text" style="padding-left: 5px">
												</div>
												<div class="form-group col-md-6 col-lg-6 col-xl-6 required mb-3">
													<label for="phone">手机号 <span class="required-f">*</span></label>
													<input name="phone" th:value="${user.phone}" id="phone" type="text" style="padding-left: 5px">
												</div>
											</div>
											<div class="row">
												<div class="form-group col-md-6 col-lg-6 col-xl-6 required mb-3">
													<label for="password">原密码 <span
															class="required-f"></span></label>
													<input name="password" value="" id="password" type="password" style="padding-left: 5px">
												</div>
												<div class="form-group col-md-6 col-lg-6 col-xl-6 required mb-3">
													<label for="newPassword">新密码 <span class="required-f"></span></label>
													<input name="newPassword" value="" id="newPassword" type="password" style="padding-left: 5px">
												</div>
											</div>
											<div class="row">
												<div class="form-group col-md-6 col-lg-6 col-xl-6 required mb-3">
													<label for="againPassword">确认密码 <span class="required-f"></span></label>
													<input name="againPassword" value="" id="againPassword" type="password" style="padding-left: 5px">
												</div>
												<div class="form-group col-md-6 col-lg-6 col-xl-6 required mb-3">
													<label for="wechat">微信<span
															class="required-f"></span></label>
													<input name="wechat" th:value="${user.wechat}" id="wechat" type="text" style="padding-left: 5px">
												</div>
											</div>
											<div class="row" style="margin: 5px auto;width: 175px">
													<button type="button" class="btn margin-15px-top btn_1" >加入会员</button>
											</div>
											<div class="row" style="margin: 0 auto;width: 300px">
												<button type="button" class="btn margin-15px-top btn_1" id="userEdit">保存</button>
											</div>
										</fieldset>


									</form>

								</div>
							</div>
							<!-- End Dashboard -->

							<!-- Orders -->
							<div id="orders" class="product-order  tab-pane show active">
								<h3>我的订单</h3>
								<div class="table-responsive">
									<table class="table">
										<thead class="alt-font">
										<tr>
											<th>订单编号</th>
											<th>收货人地址</th>
											<th>下单日期</th>
											<th>订单状态</th>
											<th>金额总计</th>
											<th>操作</th>
										</tr>
										</thead>
										<tbody>

										<!--循环迭代-->
										<tr th:each="order:${orders}">
											<td th:text="${order.id}">#2321</td>
											<td th:text="${order.receiverAddr}"></td>
											<td th:text="${order.createTime}">March 04, 2018</td>
											<td th:text="${order.state}">Processing</td>
											<td th:text="${order.subTotal}">$165.00 for 1 item</td>
											<td>
												<a th:id="${order.id}" class="btn_1"
												   href="javascript:void(0)">详　　情</a>

												<a th:if="${order.state=='已发货'}" th:id="${order.id}" class="btn_1 confirm btn"
												   href="javascript:void(0)" style="margin-top: 5px">确认收货</a>
											</td>
										</tr>


										</tbody>
									</table>
								</div>
							</div>
							<!-- End Orders -->


							<!-- Address -->
							<div id="address" class="address tab-pane fade">
								<div class="row">
									<div class="col-md-12 form-group">
										<div class="custom-select-form">
											<select class="wide add_bottom_15" name="country" id="user-addr">
												<option th:each="address:${addresses}" th:value="${address.id}" th:text="${address}">
												</option>
											</select>
										</div>
									</div>

									<div class="tab-pane fade show active" id="tab_1" role="tabpanel" aria-labelledby="tab_1">
										<!--							<div class="form-group">-->
										<!--								<input type="email" class="form-control" placeholder="Email">-->
										<!--							</div>-->
										<!--							<div class="form-group">-->
										<!--								<input type="password" class="form-control" placeholder="Password">-->
										<!--							</div>-->
										<hr>
										<div class="row no-gutters">
											<div class="col-6 form-group pr-1">
												<label for="receiver">收件人*</label>
												<input type="text" class="form-control" id="receiver" placeholder="收件人">
											</div>
											<div class="col-6 form-group pr-1">
												<label for="receiverPhone">收件人电话*</label>
												<input type="text" class="form-control" id="receiverPhone" placeholder="电话">
											</div>
											<!--								<div class="col-6 form-group pl-1">-->
											<!--									<input type="text" class="form-control" placeholder="Last Name">-->
											<!--								</div>-->
										</div>
										<!-- /row -->
										<div class="row no-gutters">
											<div class="col-6 form-group pr-1">
												<label for="province">省*</label>
												<input type="text" class="form-control" id="province" placeholder="省">
											</div>
											<div class="col-6 form-group pl-1">
												<label for="city">市*</label>
												<input type="text" class="form-control" id="city" placeholder="市">
											</div>
										</div>
										<div class="row no-gutters">
											<div class="col-6 form-group pr-1">
												<label for="area">区*</label>
												<input type="text" class="form-control" id="area" placeholder="区">
											</div>
											<div class="col-6 form-group pl-1">
												<label for="street">街道</label>
												<input type="text" class="form-control" id="street" placeholder="街道">
											</div>
										</div>


										<div class="form-group">
											<label for="addrDetail">详细地址*</label>
											<input type="text" class="form-control"  id="addrDetail" placeholder="详细地址">
										</div>
										<div class="form-group" style="text-align: center">
											<button type="button" class="btn_1" id="addrEdit">保存修改</button>
											<button type="button" class="btn_1" id="addrAdd">新增地址</button>
										</div>

<!--										<button type="submit" class="btn margin-15px-top btn-primary">保存</button>-->
								</div>
							</div>
							<!-- End Address -->
						</div>
						<!-- End Tab panes -->
					</div>
				</div>
			</div><!--End Body Container-->
		</div><!--End Page Wrapper-->
	</main>
	<!--/main-->
		<footer class="revealed">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-6">
						<h3 data-bs-target="#collapse_1">Quick Links</h3>
						<div class="collapse dont-collapse-sm links" id="collapse_1">
							<ul>
								<li><a href="about.html">About us</a></li>
								<li><a href="help.html">Faq</a></li>
								<li><a href="help.html">Help</a></li>
								<li><a href="account.html">My account</a></li>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="contacts.html">Contacts</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<h3 data-bs-target="#collapse_2">Categories</h3>
						<div class="collapse dont-collapse-sm links" id="collapse_2">
							<ul>
								<li><a href="listing-grid-1-full.html">Clothes</a></li>
								<li><a href="listing-grid-2-full.html">Electronics</a></li>
								<li><a href="listing-grid-1-full.html">Furniture</a></li>
								<li><a href="listing-grid-3.html">Glasses</a></li>
								<li><a href="listing-grid-1-full.html">Shoes</a></li>
								<li><a href="listing-grid-1-full.html">Watches</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<h3 data-bs-target="#collapse_3">Contacts</h3>
						<div class="collapse dont-collapse-sm contacts" id="collapse_3">
							<ul>
								<li><i class="ti-home"></i>97845 Baker st. 567<br>Los Angeles - US</li>
								<li><i class="ti-headphone-alt"></i>+94 423-23-221</li>
								<li><i class="ti-email"></i><a href="#0">info@allaia.com</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<h3 data-bs-target="#collapse_4">Keep in touch</h3>
						<div class="collapse dont-collapse-sm" id="collapse_4">
							<div id="newsletter">
								<div class="form-group">
									<input type="email" name="email_newsletter" id="email_newsletter" class="form-control" placeholder="Your email">
									<button type="submit" id="submit-newsletter"><i class="ti-angle-double-right"></i></button>
								</div>
							</div>
							<div class="follow_us">
								<h5>Follow Us</h5>
								<ul>
									<li><a href="#0"><img src="" th:data-src="@{/assets/img/twitter_icon.svg}" alt="" class="lazy"></a></li>
									<li><a href="#0"><img src="" th:data-src="@{/assets/img/facebook_icon.svg}" alt="" class="lazy"></a></li>
									<li><a href="#0"><img src="" th:data-src="@{/assets/img/instagram_icon.svg}" alt="" class="lazy"></a></li>
									<li><a href="#0"><img src="" th:data-src="@{/assets/img/youtube_icon.svg}" alt="" class="lazy"></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- /row-->
				<hr>
				<div class="row add_bottom_25">
					<div class="col-lg-6">
						<ul class="footer-selector clearfix">
							<li>
								<div class="styled-select lang-selector">
									<select>
										<option value="English" selected>English</option>
										<option value="French">French</option>
										<option value="Spanish">Spanish</option>
										<option value="Russian">Russian</option>
									</select>
								</div>
							</li>
							<li>
								<div class="styled-select currency-selector">
									<select>
										<option value="US Dollars" selected>US Dollars</option>
										<option value="Euro">Euro</option>
									</select>
								</div>
							</li>
							<li><img src="" th:data-src="@{/assets/img/cards_all.svg}" alt="" width="198" height="30" class="lazy"></li>
						</ul>
					</div>
					<div class="col-lg-6">
						<ul class="additional_links">
							<li><a href="#0">Terms and conditions</a></li>
							<li>By <a href="http://www.bootstrapmb.com">Reserved</a></li>
							<li><span>© 2022 Allaia</span></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
	<!--/footer-->
	</div>
	<!-- page -->
	
	<div id="toTop"></div><!-- Back to top button -->
	
	<!-- COMMON SCRIPTS -->
    <script th:src="@{/assets/js/common_scripts.min.js}"></script>
    <script th:src="@{/assets/js/main.js}"></script>
	<script th:src="@{/assets/account/main.js}"></script>
	<script th:src="@{/assets/lib/layui-2.8/layui.js}"></script>
	<script th:src="@{/assets/account/personal.js}"></script>
	<script th:src="@{/assets/good/account.js}"></script>
    <script>
    	// Client type Panel
		$('input[name="client_type"]').on("click", function() {
		    var inputValue = $(this).attr("value");
		    var targetBox = $("." + inputValue);
		    $(".box").not(targetBox).hide();
		    $(targetBox).show();
		});
	</script>
	<script th:inline="javascript">
		let ctx = /*[[@{/}]]*/"";
		if (ctx.endsWith("/")){
			ctx = ctx.substring(0,ctx.length-1);
		}

	</script>
</body>
</html>